<template>
    <div class="card">
        <h2>卡片！</h2>
        <slot></slot>
    </div>
</template>

<style>
   .card {
        border: 1px solid #4b3939;
        width: 100px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 20px;
    }
    .card:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        transform: translateY(-2px);
    }
</style>